<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>园区咨询详情</title>
<link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/commonStyle.css"/>
<link rel="stylesheet" href="css/tinyeditor.css"/>
<style type="text/css" class="init"></style>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/tinyeditor.js"></script>
<script type="text/javascript" src="js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript" class="init">
$(document).ready(function() 
{
	$('#example').dataTable();
	
} );

</script>
</head>

<body>
<div class="container" style="margin:0px; width:1052px;">
<div class="row show-grid">
	<h3 class="Page_title">园区咨询详情</h3>
</div>
<div class="row show-grid unified-border">
  <form class="form-horizontal">
    <!--标题-->
    <div class="form-group">
      <label for="name" class="col-sm-2 control-label">标题</label>
      <div class="col-xs-4">
        <input type="text" class="form-control" id="name" placeholder="*****资讯标题" readonly>
      </div>
      <p class="help-inline">最多18个汉字</p>
    </div>
    <!--          分类 -->
    <div class="form-group">
      <label for="kind" class="col-sm-2 control-label">分类</label>
      <div class="col-xs-4">
        <select id="kind" class="form-control" readonly>
          <option selected value="不限">园区物业</option>
          <option value="路演活动">吃喝玩乐</option>
          <option value="创业分享">政府相关</option>
        </select>
      </div>
    </div>
    <!--         编号-->
    <div class="form-group">
      <label for="num" class="col-sm-2 control-label">来源</label>
      <div class="col-xs-4">
        <input type="text" class="form-control" id="num" placeholder="#1000521" readonly>
      </div>
    </div>
    
    <!--          附件-->
    <div class="form-group">
      <label for="Source" class="col-sm-2 control-label">添加附件</label>
      <div class="col-sm-3">
        <input class="btn btn-default" type="file">
      </div>
    </div>
    
    <!--          文本编辑器-->
    <div class="form-group">
      <label class="col-sm-2 control-label">正文</label>
      <div id="tro" class="col-sm-5">
        <textarea id="input" style="width:747px; height:300px; border:1px solid #999999; margin-left:22px; margin-top:10px;"></textarea>
      </div>
    </div>
    
    <div class="form-group">
      <label for="Source" class="col-sm-2 control-label">操作备注</label>
      <div class="col-sm-8">
        <textarea class="form-control" rows="3" style="width:747px;"></textarea>
      </div>
    </div>
    <div class="buttongroup">
              <button type="button" class="btn btn-primary" id="p_savech">保存为草稿</button>
              <button type="button" class="btn btn-primary" id="p_saveup">保存并上线</button>
              <button type="reset" class="btn btn-primary" id="p_savenone" style="width:96px;">取消</button>
          </div>
  </form>
  </div>
  
</div>
<!-- 保存为草稿的弹窗 开始 -->
        <div id="Popups_savech" class="Popup_out_st">
            <div id="Con_box_savech" class="Popup_in_st">
                <img src="images/close.png" id="closePopups_savech" class="Close_Popups"/>
                <label class="Popup_label">保存为草稿</label>
                <hr class="Popup_in_hr"/>
                <p class="Popup_in_p">保存修改内容？</p>
                <button class="btn btn-primary" id="Popups_saveyes" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                <button class="btn btn-primary" id="Popups_saveno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
            </div>
        </div>
<!-- 保存为草稿弹窗 结束 -->
<!-- 保存并上线弹窗 开始 -->
        <div id="Popups_saveup" class="Popup_out_st">
            <div id="Con_box_saveup" class="Popup_in_st">
                <img src="images/close.png" id="closePopups_saveup" class="Close_Popups"/>
                <label class="Popup_label">保存并上线</label>
                <hr class="Popup_in_hr"/>
                <p class="Popup_in_p">保存修改内容并发布上线？</p>
                <button class="btn btn-primary" id="Popups_saveupyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                <button class="btn btn-primary" id="Popups_saveupno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
            </div>
        </div>
<!-- 保存并上线弹窗 结束 -->
<!-- 取消弹窗 开始 -->
        <div id="Popups_savenone" class="Popup_out_st">
            <div id="Con_box_savenone" class="Popup_in_st">
                <img src="images/close.png" id="closePopups_savenone" class="Close_Popups"/>
                <label class="Popup_label">取消</label>
                <hr class="Popup_in_hr"/>
                <p class="Popup_in_p">确定放弃当前文案修改？</p>
                <button class="btn btn-primary" id="Popups_savenoneyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                <button class="btn btn-primary" id="Popups_savenoneno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
            </div>
        </div>
<!-- 取消弹窗 结束 -->
<script type="text/javascript">
wdh=$(window).width();
left=(wdh-330)/2;
www=$(document).width();
hhh=$(document).height();
 $(document).ready(function(){
	//保存为草稿
	$("#p_savech").click(function(){
	$("#Popups_savech").fadeIn("slow");
	$("#page_index").css('overflow','scroll');
	$("#page_index").css('overflow','hidden');
	$("#Con_box_savech").css('margin-left',left);
	$("#Con_box_savech").css('margin-top','450px');
});
	$("#closePopups_savech").click(function(){
	$("#Popups_savech").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});
	$("#Popups_saveyes").click(function(){
	$("#Popups_savech").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	$("#Popups_saveno").click(function(){
	$("#Popups_savech").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	//保存并上线
	$("#p_saveup").click(function(){
	$("#Popups_saveup").fadeIn("slow");
	$("#page_index").css('overflow','scroll');
	$("#page_index").css('overflow','hidden');
	$("#Con_box_saveup").css('margin-left',left);
	$("#Con_box_saveup").css('margin-top','450px');
});
	$("#closePopups_saveup").click(function(){
	$("#Popups_saveup").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});
	
	$("#Popups_saveupyse").click(function(){
	$("#Popups_saveup").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	$("#Popups_saveupno").click(function(){
	$("#Popups_saveup").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});
	
	//取消
	$("#p_savenone").click(function(){
	$("#Popups_savenone").fadeIn("slow");
	$("#page_index").css('overflow','scroll');
	$("#page_index").css('overflow','hidden');
	$("#Con_box_savenone").css('margin-left',left);
	$("#Con_box_savenone").css('margin-top','450px');
});
	$("#closePopups_savenone").click(function(){
	$("#Popups_savenone").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});
	
	$("#Popups_savenoneyse").click(function(){
	$("#Popups_savenone").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	$("#Popups_savenoneno").click(function(){
	$("#Popups_savenone").fadeOut("slow");
	$("#page_index").css('overflow-y','auto');
});

	$("#page_index ").css('width',www);
});


$(window).resize(function(){
	wdh=$(window).width();
	left=(wdh-330)/2;
	www=$(document).width();
	//保存为草稿
	$("#Con_box_savech").css('margin-left',left);
	$("#Con_box_savech").css('margin-top','450px');
	//保存并上线
	$("#Con_box_saveup").css('margin-left',left);
	$("#Con_box_saveup").css('margin-top','450px');
	//取消
	$("#Con_box_savenone").css('margin-left',left);
	$("#Con_box_savenone").css('margin-top','450px');
	
	$("#page_index ").css('width',www);
});
</script>
</body>
</html>